<template>
  <div class="coupon">
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="ruleName" label="优惠券名称" align="center">
      </el-table-column>
      <el-table-column prop="parkCount" label="类型" align="center">
      </el-table-column>
      <el-table-column prop="rule" label="使用规则" align="center">
        <!-- <template slot-scope="scope">
          <el-popover trigger="hover">
            <span slot="reference" class="seeRule">鼠标移入查看</span>
            <span v-html="scope.row.rule"></span>
          </el-popover>
        </template> -->
      </el-table-column>
      <el-table-column prop="remark" label="优惠内容" align="center">
      </el-table-column>
      <el-table-column prop="remark" label="已领取" align="center">
      </el-table-column>
      <el-table-column prop="remark" label="已使用" align="center">
      </el-table-column>
      <el-table-column prop="status" label="上下架状态" align="center">
        <template slot-scope="scope">
          <el-switch
            v-model="scope.row.status"
            active-color="#46a6ff"
            inactive-color="#ccc"
            @change="switchStatus(scope.row)">
          </el-switch>
        </template>
      </el-table-column>
      <el-table-column label="操作" align="center">
        <!-- <template slot-scope="scope">
          <el-button type="warning" size="mini" @click="upDataShow = true; id = scope.row.id">修改</el-button>
        </template> -->
      </el-table-column>
    </el-table>

  </div>
</template>

<script>
  export default {
    name: 'coupon',
    data() {
      return {
        tableData: []
      }
    },
    mounted() {

    },
    methods: {

    }
  }
</script>

<style scoped>


</style>
